<!-- start sidebar one -->
<script src="database/jquery-1.11.2.min.js"></script>
<script>
    $(document).ready(function(){
        $("#bt").click(function(){
            $("#showhide").slideToggle();
        })
    });
    $(document).ready(function(){
        $("#showhide").hide();
    })
</script>
	<div id="sidebar1" class="sidebar">
		<ul>
			<li id="recent-posts">
				<h2>Recent Posts</h2>
				<ul>
					<li>
                                            <h3><a href="index_1.php?view=3">Aliquam Libero</a></h3>
						<p>Nullam ante orci, eget, tempus quis, ultrices in, est. Curabitur sit amet nulla in massa lacusurna. </p>
					</li>
                                        <li >
						<h3><a href="index_1.php?view=4">Semper Vestibulum</a></h3>
						<p>Donec leonulla amit vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.  </p>
					</li>
                                        <div id="showhide">
					<li >
						<h3><a href="index_1.php?view=5">Etiam Malesuada</a></h3>
						<p>Donec vivamus fermentum nibh in augue lacus at urna congue rutrum. </p>
					</li>
                                        <li  >
						<h3><a href="index_1.php?view=2">LOREM IPSUM DOLOR SIT </a></h3>
						<p>Donec vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. </p>
					</li>
					<li>
						<h3><a href="index_1.php?view=7">FERMENTUM NIBH IN AMIT </a></h3>
						<p>Donec vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. </p>
					</li>
                                        </div>
				</ul>
			</li>
			<li></li>
		</ul>
            <div id="bt" style="border: 1px solid black; text-align: center; background-color: #cccccc">Show And Hide</div>
            
	</div>
	<!-- end sidebar one -->